Skip to main content

How to Prevent Specific Content from Being Translated

Convercy helps you create a multilingual shopping experience by translating your storefront content into multiple languages. However, not every piece of content should be translated.

Many merchants prefer to keep certain content unchanged across all languages to maintain brand consistency and avoid confusion. This is especially common for:

  • Brand names
  • Product names
  • Product vendors
  • Product variants (Size, Color, Material, etc.)
  • Custom text

Because every Shopify theme is built differently, Convercy cannot automatically determine which content should always remain untranslated.

To exclude specific content from auto translation, you can add the notranslate class to the HTML element that contains that content. Any text inside an element marked with this class will be ignored by Convercy's translation engine and displayed exactly as it appears in your original content.

note

This guide requires basic knowledge of Shopify theme customization and HTML.

Before making any changes to your theme, we recommend creating a backup so you can easily restore it if needed.

How the notranslate Class Works​

Convercy skips any content wrapped inside an HTML element that contains the notranslate class.

For example:

<div class="notranslate">
  Your Brand Name
</div>

Any text inside this element will remain unchanged regardless of the language selected by your visitors.

Step 1: Access Your Theme Code​

  1. From your Shopify admin, go to Online Store → Themes.
  2. Locate your active theme.
  3. Click ⋮ → Edit code.

Step 2: Locate the Content You Want to Exclude​

Because every Shopify theme has a unique structure, there is no universal file location for product titles, vendor names, footer content, or custom text.

The easiest way to identify the correct element is by using your browser's inspection tools.

Find the Element Using Inspect​

  1. Open your storefront.
  2. Navigate to the page containing the content you want to exclude from translation.
  3. Right-click the content.
  4. Select Inspect.
  5. Locate the HTML element that contains the text.
  6. Note any class names, IDs, or Liquid variables associated with that element.
  7. Search for those values within your Shopify theme files.

Step 3: Add the notranslate Class​

Once you've found the corresponding element in your theme code, add the notranslate class.

Example:

<h1 class="product-title notranslate">
  Product Name
</h1>

Or, if the element does not already have a class attribute:

<span class="notranslate">
  Brand Name
</span>

Common Use Cases​

Exclude Brand Names​

Many merchants prefer to keep brand names unchanged across all languages.

Common locations include:

  • Store title
  • Header logo text
  • Browser tab title
  • Promotional banners

Add the notranslate class to the element that contains the brand name.

Exclude Product Names​

Product names are often left untranslated to maintain consistency across international markets.

Locate the element that outputs the product title and add the notranslate class.

Common Liquid variables include:

  • product.title
  • product_card.title

Exclude Product Vendors​

Vendor names typically represent brand identities and should often remain unchanged.

Locate the vendor element and add the notranslate class.

Common Liquid variables include:

  • product.vendor
  • cart-product.vendor

Exclude Product Variants​

Options such as:

  • Size
  • Color
  • Material
  • Style

can also be excluded from translation.

Locate the element that renders the variant value and add the notranslate class.

Example:

<label for="{{ input_id }}" class="notranslate">
  {{ value }}
</label>

Or:

<select name="id">
  {% for variant in product.variants %}
    <option value="{{ variant.id }}" class="notranslate">
      {{ variant.title }}
    </option>
  {% endfor %}
</select>

Exclude Footer Content​

You may want to keep company information, copyright notices, legal text, or other footer content unchanged.

Locate the footer wrapper element and add the notranslate class.

Example:

<footer class="footer notranslate">
  <!-- Footer content -->
</footer>

Need Help?​

If you're unsure where to add the notranslate class in your theme, feel free to contact our support team at [email protected] and we'll be happy to assist.